<template>
    <div id="tab-bar">
        <slot>

        </slot>
    </div>
</template>

<script>
export default {
    name: 'TabBar',
}
</script>

<style scoped>


#tab-bar {
    display: flex;
    background-color: #f6f6f6;
    position: fixed;
    /* 左右都设置控制宽度 */
    left: 0px;
    right: 0px;
    bottom: 0px;
    box-shadow: 0 -2px 1px rgba(100, 100, 100, .1);
    z-index: 10;
}


</style>